<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			
			.box {
				
				width: 1200px;
				margin: auto;
				background:#f4f4f4;
				position: relative;
				border: 0px solid red;
				
			}
			body{
			   background: #f4f4f4;
			}
			.top {
				margin: 0px;
				width: 590px;
				height: 600px;
				border: 0px solid red;
				background: #FFFFFF;
			}
			
			.logo img {
				width: 80px;
				height: 30px;
			}
			
			.gen {
				float: right;
				padding-right: 18px;
			}
			
			p {
				height: 80px;
				line-height: 80px;
				font-size: 12px;
				font-weight: 400px;
				color: #999999;
				padding-left: 10px;
			}
			
			a {
				margin-left: 10px;
				position: absolute;
				top: -6px;
			}
			
			.gen {
				position: absolute;
				left: 550px;
			}
			
			.jin {
				color: black;
				text-decoration: none;
				font-size: 16px;
				margin-left: 10px;
				padding-top: 0px;
				position: absolute;
				top: 70px;
			}
			.jin:hover{
				color: orangered;
			}
			.yue {
				font-size: 12px;
				color: #999999;
				position: absolute;
				top: 73px;
				left: 100px;
			}

			.jinr {
				color: black;
				text-decoration: none;
				font-size: 16px;
				margin-left: 20px;
				padding-top: 0px;
				position: absolute;
				top: -23px;
				right:-164px;
			}
			.jinr:hover{
				color: orangered;
			}
			.jinrr{
				color: black;
				text-decoration: none;
				font-size: 16px;
				margin-left: 20px;
				position: absolute;
				top: -43px;
				right:-154px;
			}
			.jinrr:hover{
				color: orangered;
			}
			.zii{
				position: relative;
		      	 top: 0px;
		      	 font-size: 12px;
				 color: #999999
			}
			.jint{
				color: black;
				text-decoration: none;
				font-size: 16px;
				margin-left: 20px;
				padding-top: 0px;
				position: absolute;
				top: -13px;
				right:-146px;
			}
			
			.wjint{
				color: black;
				text-decoration: none;
				font-size: 16px;
				margin-left: 20px;
				padding-top: 0px;
				position: absolute;
				top: -13px;
				right:-140px;
			}
			.jint:hover{
				color: orangered;
			}
			.zi {
				font-size: 12px;
				color: #999999;
			}
			
			.tu1 {
				width: 180px;
			}
			
			.fl img {
				width: 180px;
				position: absolute;
				top: 30px;
			}
				.fll img {
				width: 180px;
				position: absolute;
				top: 10px;
			}
			
			.tm {
				width: 270px;
				border: 0px solid red;
				position: relative;
			}
		
			
			.fr img {
				height: 90px;
				width: 90px;
				position: relative;
				left: 186px;
			}
			
			.fo img {
				width: 90px;
				height: 90px;
				position: relative;
				left: 186px;
				top: 122px;
			}
			.foo img {
				width: 90px;
				height: 90px;
				position: relative;
				left: 186px;
				top: 102px;
			}
			
			.right img {
				width: 180px;
				position: relative;
				left: 290px;
				top: 30px;
			}
	
			.f1 img{
				width: 90px;
				position: relative;
				left: 477px;
				top: 30px;
			}
			.rightt img {
				width: 180px;
				position: relative;
				left: 290px;
				top: 10px;
			}
			.bott img{
				width:90px;
				height: 90px;
				position: relative;
				left: 480px;
				top: 10px;
			}
			.fm img{width: 90px;
			      height: 80px;
				position: relative;
				left: 477px;
				top: 110px;
				
			}
				.f2 img{
				width: 90px;
				position: relative;
				left: 477px;
				top: 122px;
			}
			.bottom{
				border: 0rpx solid red;
				height: 300px;
				position: relative;
				
				top: 250px;
			}
		    .jine{
		      	color: #000000;
		      	text-decoration: none;
		      	 position: relative;
		      	 top: 1px;
		    }
		    .jine:hover{
		    	color: orangered;
		    }
		    .jine1{
		      	color: #000000;
		       	text-decoration: none;
		      	 position: relative;
		      	 top: -20px;
		    }
		    .jine1:hover{
		    	color: orangered;
		    }
		    .yuee{
		    		 position: relative;
		      	 top: 1px;
		      	 font-size: 12px;
				 color: #999999;
		    }
		    .yuee1{
		    	 position: relative;
		      	 top: -20px;
		      	 font-size: 12px;
				 color: #999999
		    }
		    .box2{
		    	    position: relative;
		    	    left: 610px;
		    	    top:-602px;
		    	    
		    }
		    .fa{
		    	  position: relative;
		    	    top:-8px; 
		    }
		    .icon img{
		      	width: 40px;
		    	    height: 20px;
		    	     position: relative;
		    	    top:180px; 
		    	    left: 8px;
		    }
		    .iocntext{
		    	    color: white;
		    	     position: relative;
		    	    top:173px; 
		    	    left:50px;
		    	    font-size:14px ;
		    }
		</style>
	</head>

	<body>
		<div  class="box">
           
		    <div class="top">
				<p>
					<span class="logo"><img src="img/TB1_EXwb3oQMeJjy0FpXXcTxpXa-162-48.png" /></span>
					<a>发现深藏好店</a>
					<a class="gen">更多</a>
				</p>
					<a href="#" class="jin">今日推荐</a>
					<span class="yue">月收藏13920次</span>
					<div class="tm">
						<div class="img fl">
							<a>
								<img src="https://img.alicdn.com/bao/uploaded/i4/1714501865/TB22jVTl3oQMeJjy0FpXXcTxpXa_!!1714501865.jpg_350x350q90.jpg_.webp" />
							</a>
							<div class="img2 fr" style="margin-bottom: 2px;">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i2/1714501865/TB2kqD0d0bJ8KJjy1zjXXaqapXa_!!1714501865.jpg_170x170q90.jpg_.webp" />
								</a>

							</div>
							<div class="img3 fo" style="margin-bottom: 2px;">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i1/1714501865/TB27J6LXqLN8KJjSZFKXXb7NVXa_!!1714501865.jpg_170x170q90.jpg_.webp" />
								</a>
							</div>
						</div>
						
						<a href="#" class="jint">栏目推荐 <span class="zi">暂无评论</span></a>
				
						
						<div class="ri">
							
							<div class="img right">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i4/2130316741/TB2QoVxdsrI8KJjy0FhXXbfnpXa_!!2130316741.jpg_350x350q90.jpg_.webp" />
								</a>

								<div class="img2 f1" style="margin-bottom: 2px;">
									<a>
										<img src="https://img.alicdn.com/bao/uploaded/i1/2130316741/TB2hWl9agL8F1JjSszgXXarfpXa_!!2130316741.jpg_170x170q90.jpg_.webp" />
									</a>

								</div>
								<div class="img3 f2" style="margin-bottom: 2px;">
									<a>
										<img src="https://img.alicdn.com/bao/uploaded/i2/2130316741/TB2Xv5vXbT8F1Jjy0FgXXX3fpXa_!!2130316741.jpg_170x170q90.jpg_.webp" />
									</a>
								</div>
							</div>
						</div>
					</div>
			<div class="bottom">
				<a href="#" class="jine">包包控</a>
					<span  class="yuee">月收藏138420次</span>
					<div class="tm">
						<div class="img fl">
							<a>
								<img src="https://img.alicdn.com/bao/uploaded/i4/72333639/TB2M5TNcH3XS1JjSZFFXXcvupXa_!!72333639.jpg_350x350q90.jpg_.webp" />
							</a>
							<div class="img2 fr" style="margin-bottom: 2px;">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i1/72333639/TB2CySobN3IL1JjSZPfXXcrUVXa_!!72333639.jpg_170x170q90.jpg_.webp" />
								</a>

							</div>
							<div class="img3 fo" style="margin-bottom: 2px;">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i3/72333639/TB2R27go.QIL1JjSZFhXXaDZFXa_!!72333639.jpg_170x170q90.jpg_.webp" />
								</a>
							</div>
						</div>
						
						<a href="#" class="jinr">生活家 <span class="zi">月收藏12478次</span></a>
				
						
						<div class="ri">
							
							<div class="img right">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i1/33889958/TB2hPpVg3DD8KJjy0FdXXcjvXXa_!!33889958.jpg_350x350q90.jpg_.webp" />
								</a>

								<div class="img2 f1" style="margin-bottom: 2px;">
									<a>
										<img src="https://img.alicdn.com/bao/uploaded/i4/33889958/TB2rHJ.gZLJ8KJjy0FnXXcFDpXa_!!33889958.jpg_170x170q90.jpg_.webp" />
									</a>

								</div>
								<div class="img3 f2" style="margin-bottom: 2px;">
									<a>
										<img src="https://img.alicdn.com/bao/uploaded/i3/33889958/TB2By.ti6uhSKJjSspjXXci8VXa_!!33889958.jpg_170x170q90.jpg_.webp" />
									</a>
								</div>
							</div>
						</div>
					</div>
			</div>
			</div>
			<div class="box2">
				
						<div class="top">
				<p>
					<span class="logo"><img src="https://img.alicdn.com/tfs/TB1cmpCb3MPMeJjy1XdXXasrXXa-204-42.png" /></span>
					<a class="fa">你的爱豆直播等你哟！</a>
					<a class="gen">更多</a>
				</p>
					<a href="#" class="jin">静静非凡-</a>
					<span class="yue">1390观看</span>
					<div class="tm">
						<div class="img fl">
							<a>
								<img src="https://img.alicdn.com/tfscom/i2/0/TB2H805hS_I8KJjy0FoXXaFnVXa_!!0-dgshop.jpg_320x320q90.jpg_.webp" />
							</a>
							<a class="icon"><img src="img/1_03.png"/></a>
							<a class="iocntext">带你发现最潮的服饰</a>
							<div class="img2 fr" style="margin-bottom: 2px;">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/TB17lgubWLN8KJjSZFKYXH7NVXa_M2.SS2_170x170q90.jpg_.webp" />
								</a>

							</div>
							<div class="img3 fo" style="margin-bottom: 2px;">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i4/92491671/TB2fwT5foMgYeJjSZFGXXXsMXXa_!!92491671.jpg_170x170q90.jpg_.webp" />
								</a>
							</div>
						</div>
						
						<a href="#" class="wjint"> 王夫人<span class="zi">2938人观看</span></a>
				
						
						<div class="ri">
							
							<div class="img right">
								<a>
									<img src="https://img.alicdn.com/tfscom/i1/0/TB2TWefgkfb_uJjSsrbXXb6bVXa_!!0-dgshop.jpg_320x320q90.jpg_.webp" />
								</a>

								<div class="img2 f1" style="margin-bottom: 2px;">
									<a>
										<img src="https://img.alicdn.com/bao/uploaded/i3/143332330/TB2MGW3gCfD8KJjSszhXXbIJFXa_!!143332330.jpg_170x170q90.jpg_.webp" />
									</a>

								</div>
								<div class="img3 f2" style="margin-bottom: 2px;">
									<a>
										<img src="https://img.alicdn.com/bao/uploaded/i2/2130316741/TB2Xv5vXbT8F1Jjy0FgXXX3fpXa_!!2130316741.jpg_170x170q90.jpg_.webp" />
									</a>
								</div>
							</div>
						</div>
					</div>
			<div class="bottom">
				<a href="#" class="jine1">小热吧</a>
					<span  class="yuee1">138420人观看</span>
					<div class="tm">
						<div class="img fll">
							<a>
								<img src="https://img.alicdn.com/tfscom/i2/0/TB2USjDhJnJ8KJjSszdXXaxuFXa_!!0-dgshop.jpg_320x320q90.jpg_.webp" />
							</a>
							<div class="img2 fr" style="margin-bottom: 2px;">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i3/TB1GcF9hYYI8KJjy0FaYXHAiVXa_M2.SS2_170x170q90.jpg_.webp" />
								</a>

							</div>
							<div class="img3 foo" style="margin-bottom: 2px;">
								<a>
									<img src="https://img.alicdn.com/bao/uploaded/i8/TB1u8MBh46I8KJjy0FgYXFXzVXa_M2.SS2_170x170q90.jpg_.webp" />
								</a>
							</div>
						</div>
						
						<a href="#" class="jinrr">小文姐 <span class="zii">12478人观看</span></a>
				
						
						<div class="ri">
							
							<div class="img rightt">
								<a>
									<img src="https://img.alicdn.com/tfscom/i2/0/TB2CTAjcFLM8KJjSZFBXXXJHVXa_!!0-dgshop.jpg_320x320q90.jpg_.webp" />
								</a>

								<div class="img2 bott" style="margin-bottom: 2px;">
									<a>
										<img src="https://img.alicdn.com/bao/uploaded/i1/820351386/TB1n.L6b6gy_uJjSZSgXXbz0XXa_!!0-item_pic.jpg_170x170q90.jpg_.webp"/>
									</a>

								</div>
								<div class="img3 fm" style="margin-bottom: 2px;">
									<a>
										<img src="https://img.alicdn.com/bao/uploaded/i4/745244640/TB1KBuAhZnI8KJjSsziXXb8QpXa_!!0-item_pic.jpg_170x170q90.jpg_.webp" />
									</a>
								</div>
							</div>
						</div>
					</div>
			</div>
			</div>
			</div>
		</div>
	</body>

</html>